<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <title>{% block title %}{% endblock %}</title>

  <!-- SEO + meta （搜索引擎优化，社交媒体展示优化）-->
  <meta name="description" content="一个用于分析 Steam 游戏数据并提供个性化推荐的系统。" />
  <meta name="author" content="SDRS Project Team" />
  <meta name="keywords" content="Steam, 游戏推荐, 数据分析, 推荐系统, 游戏排行" />
  <meta property="og:title" content="SDRS——Steam数据分析和推荐系统" />
  <meta property="og:description" content="一个用于分析 Steam 游戏数据并提供个性化推荐的系统。" />
  <meta property="og:image" content="static/image/sdrs_logo.png" />
  <meta property="og:type" content="website" />
  <script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/echarts.min.js"></script>

  <!-- Favicons 网站图标 -->
  <link rel="icon" href="static/image/sdrs_logo.png" />

  <!-- fonts 本地字体 -->
  <link rel="stylesheet" href="static/css/fonts.css" />

  <!-- Vendor CSS Files  第三方库CSS-->
    <link href="static/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="static/vendor/icofont/icofont.min.css" rel="stylesheet" />
    <link href="static/vendor/boxicons/css/boxicons.min.css" rel="stylesheet" />
    <link href="static/vendor/animate.css/animate.min.css" rel="stylesheet" />
    <link href="static/vendor/venobox/venobox.css" rel="stylesheet" />
    <link href="static/vendor/aos/aos.css" rel="stylesheet" />
    <script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
  <!-- Template Main CSS File 主样式文件 -->
  <link rel="stylesheet" href="static/css/style.css" />
</head>
<body {% block body_attr %}{% endblock %}>
    <!-- ======= Top Bar 顶栏 ======= -->
    <section id="topbar" class="d-none d-lg-block">
      <div class="container clearfix">
        <div class="contact-info float-left">
          Github项目仓库地址:
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
  <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/>
</svg>
          <a href="https://github.com/KurotaniTakeo/SteamBigData"
            >https://github.com/KurotaniTakeo/SteamBigData</a
          >
        </div>
        <div class="social-links float-right">
          联系我们:
          <a href="/#team" class="qq"><i class="icofont-qq"></i>QQ</a>
          <a href="/#team" class="wechat"><i class="icofont-wechat"></i>微信</a>
          <a href="/#team" class="mail"><i class="icofont-envelope"></i>邮箱</a>
        </div>
      </div>
    </section>
    <!-- ======= End Top Bar 顶栏结束 ======= -->

    <!-- ======= Header + Nav 顶部导航栏 ======= -->
    <header id="header">
      <div class="container">
        <div class="logo float-left">
          <h1 class="text-light">
            <a href="">{% block welcome %}{% endblock %}</a>
          </h1>

        </div>

        <nav class="nav-menu float-right d-none d-lg-block">
          <ul>
            <li>
              <a href="/">主页 <i class="la la-angle-down"></i></a>
            </li>
            {% if user_name %}
            <li>
                <a href="/SDP">SDP <i class="la la-angle-down"></i></a>
            </li>
            <li>
              <a href="/SRS">SRS<i class="la la-angle-down"></i></a>
            </li>
            {% endif %}
            <li class="drop-down">
              <a href="">关于</a>
              <ul>
                <li><a href="/#about">关于我们</a></li>
                  <li><a href="/#team">团队</a></li>
                <li><a href="/#sdp">关于SDP</a></li>
                <li><a href="/#srs">关于SRS</a></li>

              </ul>
            </li>
            <li class="drop-down">
              {% if user_name %}
              <a href="/user"><i class="icofont-ui-user"></i>{{ user_name }}</a>
              <ul>

                <li class="drop-down">
                  <a href="/user">个人中心</a>
                  <ul>
                    <li><a href="/preference">偏好选择</a></li>
                    <li><a href="/change">资料修改</a></li>
                    <li><a href="/SDP">数据分析</a></li>
                    <li><a href="/SRS">推荐系统</a></li>
                  </ul>
                </li>
                <li><a href="/logout" class="link-red">退出</a></li>
              </ul>
              {% else %}
              <a href="">未登录</a>
              <ul>
                <li><a href="/login">登录</a></li>
                <li><a href="/register">注册</a></li>
                <li class="drop-down">
                  <a href="#">个人中心(不可用)</a>
                  <ul>
                    <li><a href="" class="link-red">偏好选择<i class="icofont-ui-block"></i></a></li>
                    <li><a href="" class="link-red">资料修改<i class="icofont-ui-block"></i></a></li>
                    <li><a href="" class="link-red">我的游戏<i class="icofont-ui-block"></i></a></li>
                    <li><a href="" class="link-red">推荐系统<i class="icofont-ui-block"></i></a></li>
                  </ul>
                </li>
              </ul>
              {% endif %}
            </li>
          </ul>
        </nav>
        <!-- .nav-menu -->
      </div>
    </header>
    <!-- ======= End Header + Nav  ======= -->

    {% block content %}{% endblock %}
  <!-- ======= Footer ======= -->
    <footer id="footer">
      <div class="footer-top">
        <div class="container">
          <div class="row">
            <div class="col-lg-3 col-md-7 footer-info">
              <h5>玩太刀玩的技术有限公司</h5>
              <p>
                四川成都市郫都区 <br />
                <br />大禹东路66号菁蓉镇创新创业5区3栋<br />
                <strong>Tel:</strong> +86 22222333333<br />
                <strong>Email:</strong> wantaidao@wande.com<br />
              </p>
              <br />
              您还可以通过以下方式与我们取得联系
              <div class="social-links mt-3">
                <a href="/#team" class="qq"><i class="icofont-qq"></i></a>
                <a href="/#team" class="wechat"><i class="icofont-wechat"></i></a>
                <a href="/#team" class="mail"><i class="icofont-envelope"></i></a>
              </div>
            </div>

            <div class="col-lg-2 col-md-3 footer-links">
              <h4>关于SDRS</h4>
              <ul>
                <li>
                  <i class="bx bx-chevron-right"></i> <a href="/#sdp">About SDP</a>
                </li>
                <li>
                  <i class="bx bx-chevron-right"></i> <a href="/#srs">About SRS</a>
                </li>
                <li>
                  <i class="bx bx-chevron-right"></i> <a href="/#about">About us</a>
                </li>
                <li>
                  <i class="bx bx-chevron-right"></i>
                  <a href="#">隐私政策 Privacy policy</a>
                </li>
              </ul>
            </div>

            <div class="col-lg-3 col-md-6 footer-links">
              <h4>网页模版来自</h4>
              <ul>

                <li>
                  <i class="bx bx-chevron-right"></i>
                  <a href="https://bootstrapmade.com/mamba-one-page-bootstrap-template-free/">模版网页链接</a>
                </li>
              </ul>
            </div>

            <div class="col-lg-3 col-md-6 footer-newsletter">
              <h4>Thanks</h4>
              <p>
                感谢以下成员的辛苦付出：
              </p>

              <h6>组长:</h6>
              涂恒睿
              <h6>成员:</h6>
              田科
              张皓然
              张鑫
            </div>
          </div>
        </div>
      </div>

      <div class="container">
        <div class="copyright">
          &copy; Copyright <strong><span>玩太刀玩的技术有限公司</span></strong
          >. All Rights Reserved
        </div>
      </div>
    </footer>
    <!-- End Footer -->
    <!-- Vendor JS Files -->
    <script src="static/vendor/jquery/jquery.min.js"></script>
    <script src="static/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="static/vendor/jquery.easing/jquery.easing.min.js"></script>
    <script src="static/vendor/php-email-form/validate.js"></script>
    <script src="static/vendor/jquery-sticky/jquery.sticky.js"></script>
    <script src="static/vendor/venobox/venobox.min.js"></script>
    <script src="static/vendor/waypoints/jquery.waypoints.min.js"></script>
    <script src="static/vendor/counterup/counterup.min.js"></script>
    <script src="static/vendor/isotope-layout/isotope.pkgd.min.js"></script>
    <script src="static/vendor/aos/aos.js"></script>

    <!-- Template Main JS File -->
    <script src="static/js/main.js"></script>
</body>
</html>